@import 'css/mixins.scss';

* {
    box-sizing: border-box;
    outline: none;
    scrollbar-width: none; // firefox
}

html,
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    // -webkit-user-select: none;
    // user-select: none;

    // Unable to preventDefault inside passive event listener
    // due to target being treated as passive.
    // touch-action: none;

    width: 100%;
    height: auto;
    font-size: 25.641vw;

    @include bp(xl) {
        font-size: 6.25vw;
    }


}

html {
    scroll-behavior: smooth;
}

body {
    overflow-x: hidden;

    text-rendering: optimizeLegibility;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-text-size-adjust: none;

    // may be a conflict with "input"
    // -webkit-user-drag: none;
    // -webkit-touch-callout: none;

    // Disables pull-to-refresh
    // overscroll-behavior: none;
    overscroll-behavior-y: none;

    width: 100%;
    height: auto;
    word-break: break-word;


    &.hide-scrollbar {
        ::-webkit-scrollbar {
            width: 0;
        }
    }
    
}

html {
    @include thumb(2px);
}

